import React, { Component } from 'react';
import './Input.scss';
import { withRouter } from 'react-router-dom';
import { SearchOutline } from 'antd-mobile-icons'
import { Button } from 'antd-mobile'
class Input extends Component {
    render() {
        return (
            <div className='head_box'>
                <div className="header_">
                    <div className='title_'>cdf会员购</div>
                    <div className="text_">足不出户 尊享全球奢品</div>
                </div>
                <div className="input">
                    <div className="inputbox" onClick={() => { this.props.history.push('/findgood') }}>
                        <SearchOutline color='rgb(223, 53, 53)' fontSize={24} />
                        <input type="text" placeholder='搜索商品' />
                    </div>
                    <span>客服</span>
                </div>
            </div>
        );
    }
}

export default withRouter(Input);